<!DOCTYPE html>
<html>
    <head>
        <title>Index</title>
        <meta charset="utf-8">
    </head>
    <style type="text/css">
        #text
        {
            height: 40px;
            width: 600px;
            border-color:rgb(10, 135, 238);
            border-width: 1px;
            background: rgb(241, 238, 238); opacity:40%; 
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 2px;
        }
        #button
        {
            color: #ffffff;
            height: 46px;
            background-color:blue;
            border-width:1px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            position: absolute;
            border-color: rgb(10, 135, 238);
            cursor: pointer;
        }
        .i:hover
        {
            cursor: pointer;
        }
    </style>
    <body>
        <div align="center">
            <img src="11.png " height="218px" width="771px" align="center"  class="i">
            <form action="https://www.baidu.com/s" target="_blank" method="get">
                <input  id="text" type="text" maxlength="100" id="user_sreach" name="sreach_area"
                 placeholder="2020全球疫情爆发">
                     <input id="button" type="submit" id="start" name="sreach_on" value="百度一下">
            </form>
        </div>
    </body>
</html>